<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<!--引用方式：<th:block th:include='common::css_script'></th:block> -->
	<!--公共引用头部-->
	<head th:fragment="css_script">
		<link rel="stylesheet" type="text/css" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap-theme.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/bootstrap-3.3.7-dist/css/grid.css}"/>
	
	
		<link rel="stylesheet" type="text/css" th:href="@{/css/index.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/page.css}"/>
		<link rel="stylesheet" type="text/css" th:href="@{/css/common.css}"/>
		
		<script type="text/javascript" th:src="@{/js/jquery-3.3.1.js}"></script>
		<script type="text/javascript" th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>

		<script type="text/javascript" th:src="@{/js/public.js}"></script>
		<script type="text/javascript" th:src="@{/js/page.js}"></script>
		<script th:inline="javascript">
			var basePath = [[@{/}]];
		</script>
	</head>

	<!--分页组件-->
	<div th:fragment="page_navigation">
		<nav class="page_navigation" aria-label="Page navigation"  th:data-pageNum="${page.pageNum}" th:data-pageSize="${page.pageSize}" th:data-totalNum="${page.totalNum}" th:data-totalPage="${page.totalPage}" >
			<ul class="pagination">
				<li>
					<a href="javascript:void(0)" class="Previous" aria-label="Previous">
						<span aria-hidden="true">上一页</span>
					</a>
				</li>

				<li>
					<a href="javascript:void(0)" class="Next" aria-label="Next">
						<span aria-hidden="true">下一页</span>
					</a>
				</li>
				<li>
					<input type="number" class="form-control" id="inputPageNum" />
					<a href="javascript:void(0)" class="Jump" aria-label="Jump">
						<span aria-hidden="true">跳转</span>
					</a>
					<label class="Message">第[[${page.pageNum+1}]]页，共[[${page.totalPage}]]页</label>
				</li>
			</ul>
		</nav>
	</div>

</html>